@charset "utf8";
footer{
	width: 99.9%;
	height: 430px;
	background: #ffffff;
}
.title{
	width: 1104px;
	height: 72px;
	margin: 0 auto;
	bor der: 1px solid red;
}
.title ul li{
	float: left;
}
.title ul li a{
	font-size: 14px;
	color: #616161;
	line-height: 72px;
	border-right: 1px solid #e0e0e0;
}


.title ul li.s1{
	width: 220px;
	height: 72px;
	bor der: 1px solid red;
	text-align: center;
}
.title ul li.s1 a i.fix{
	bor der: 1px solid red;
	padding: 6px 13px;
	background: url(../img/footer_icon01.png) no-repeat;
}
.title ul li.s1 a{
	bor der: 1px solid red;
	padding-right: 49px;
	padding-left: 50px;
}
/* -------------------------------------- */
.title ul li.s2{
	width: 219px;
	height: 72px;
	bord er: 1px solid red;
	text-align: center;
}
.title ul li.s2 a i.return{
	bor der: 1px solid red;
	padding: 5px 12px;
	background: url(../img/footer_icon02.png) no-repeat;
}
.title ul li.s2 a{
	bord er: 1px solid red;
	padding-right: 50px;
	padding-left: 50px;
}
/* ---------------------------------------------- */
.title ul li.s3{
	width: 220px;
	height: 72px;
	bor der: 1px solid red;
	text-align: center;
}
.title ul li.s3 a i.round{
	bor der: 1px solid red;
	padding: 4px 12px;
	background: url(../img/footer_icon03.png) no-repeat;
}
.title ul li.s3 a{
	bord er: 1px solid red;
	padding-right: 53px;
	padding-left: 54px;
}
/* --------------------------------------------- */
.title ul li.s4{
	width: 219px;
	height: 72px;
	bor der: 1px solid red;
	text-align: center;
}
.title ul li.s4 a i.gift{
	bor der: 1px solid red;
	padding: 4px 10px;
	background: url(../img/footer_icon04.png) no-repeat;
}
.title ul li.s4 a{
	bord er: 1px solid red;
	padding-right: 58px;
	padding-left: 59px;
}
/* --------------------------------------------- */
.title ul li.s5{
	width: 219px;
	height: 72px;
	bor der: 1px solid red;
	text-align: center;
	float: right;
}
.title ul li.s5 a i.outlet{
	bor der: 1px solid red;
	padding: 2px 8px;
	background: url(../img/footer_icon05.png) no-repeat;
}
.title ul li.s5 a{
	bor der: 1px solid red;
	padding-right: 45px;
	padding-left: 48px;
}





/* 页尾中控区 */
div.footer_container{
	width: 1104px;
	height: 190px;
	back ground: #8aee99;
	margin: 0 auto;
	mar gin-top: 50px;
	/* 横线 */
	border-top: 1px solid #e0e0e0;
	bor der: 1px solid red;
}
/* 每一栏的格式：不需要加高，文本具备宽高 */
div.footer_container div.column{
	width: 130px;
	bo rder: 1px solid red;
	float: left;
	/* 间隙：上外边距 */
	margin-top: 40px;
	/* 间隙：右外边距 */
	margin-right: 10px;
}
/* 栏目的标题效果：下外边距 */
div.footer_container div.column h3{
	margin-bottom: 25px;
	font-size: 14px;
	color: #424242;
}
/* 每个栏目  ul li 加下外边距 */
div.footer_container div.column ul li{
	margin-bottom: 15px;
}
div.footer_container div.column ul li a{
	font-size: 12px;
}

/* 右侧区域：客服信息栏  坑：样式具备继承性，不存在覆盖情况：加权
                            加权效果无法实现：样式后置【属性覆盖】
*/
div.footer_container div.contact_column{
	border-left: 1px solid #424242;
	float: right;
	width: 225px;
	text-align: center;
	
}
/* 右侧区域：标题，文本内容，超链接效果 */
div.footer_container div.contact_column h3{
	bor der: 1px solid red;
	font-size: 18px;
	color: #ff6700;
}
div.footer_container div.contact_column p{
	bord er: 1px solid red;
	font-size: 12px;
}
div.footer_container div.contact_column a{
	font-size: 12px;
	color: #ff6700;
	border: 1px solid #ff6700;
	/* 内边距撑大：上下 左右 */
	padding: 4px 14px;
	/* 下移：微调 相对定位(不改变结构) */
	position: relative;
	top: 15px;
}

#last{
	width: 99.9%;
	height: 153px;
	background: #f5f5f5;
}
.tail{
	width: 1104px;
	height: 153px;
	margin: 0 auto;
	bor der: 1px solid red;
}
.end{
	width: 1104px;
	height: 84px;
	margin: 0 auto;
	bor der: 1px solid red;
}
.end ul.e1 img{
	bor der: 1px solid red;
	margin-top: 28px;
}
.end ul.e2{
	width: 655px;
	height: 15px;
	bor der: 1px solid red;
	margin-left: 60px;
	margin-top: -63px;
	line-height: 15px;
}
.end ul.e2 li a{
	font-size: 11px;
	color: #757575;
	float: left;
	bor der: 1px solid red;
	border-right: 1px solid #757575;
	padding: 0 4px;
}

.end ul.e3{
	width: 670px;
	height: 30px;
	bor der: 1px solid red;
	margin-left: 60px;
}
.end ul.e3 li a{
	font-size: 10px;
	color: #b0b0b0;
}
.part{
	width: 260px;
	height: 35px;
	bor der: 1px solid red;
	float: right;
	margin-top: -35px;
}

.part ul.e4{
	width: 82px;
	height: 35px;
	bor der: 1px solid red;
	float: left;
}
.part ul.e4 li{
	width: 50px;
	height: 35px;
	bor der: 1px solid red;
	float: right;
	color: #333333;
}
/* ------------------------- */
.part ul.e5{
	width: 82px;
	height: 35px;
	bor der: 1px solid red;
	float: left;
	margin-left: 5px;
}
.part ul.e5 li{
	width: 50px;
	height: 35px;
	bor der: 1px solid red;
	float: right;
	color: #333333;
}
/* ------------------------- */
.part ul.e6{
	width: 82px;
	height: 35px;
	bor der: 1px solid red;
	float: right;
}
.part ul.e6 li{
	width: 50px;
	height: 35px;
	bor der: 1px solid red;
	float: right;
	color: #333333;
}
/* ----------------------------- */
.the_end{
	width: 1104px;
	height: 66px;
	bor der: 1px solid black;
}
.the_end ul li{
	font-size: 18px;
	color: #bababa;
	text-align: center;
	line-height: 66px;
}